.td { padding: 8px }
.h1 { }
.dd-fileinfo { font-size: 8pt; }
table td { 
  display: table-cell;
  vertical-align: top;
  background-color: rgba(247, 247, 232, 0.6);
  text-align: center
}
table {
  	border: 2px solid #ccc;
	padding: 4px;
	border-radius: 12px;
	transition: background-color 0.5s ease;
}
table.nb { border: 0px; border-radius: 0px; transition: opacity 0.5s; }
table.noconn { background-color: #ddd;  }

div { transition: opacity 0.5s; }
div.da { padding-left: 20px; padding-right:20px; }
div.trot {
	animation: scale 0.5s linear infinite;
}
div.uplbox { padding-bottom: 8px; }
div.disa { opacity: 0.2; }

td.ogn { text-align:left; font-size: 8pt; padding-left: 4px; padding-right: 4px;}
td.dow { text-align:left; font-size: 9pt; padding-left: 4px; padding-right: 4px;}
td.r { text-align: right; }
td.err { color: red; font-weight: bold; }
td.vm { display: table-cell; vertical-align: middle; padding-top: 12px; padding-bottom: 12px; }

h3 { font-size: 12pt; margin-bottom: 6px; }
span { font-size: 9pt; }
a { font-size: 9pt; }

input.ubtn { font-size: 16pt; margin-top: 4px; text-align: center }

img.working {
	display: inline-block;
	float:left;
	background: url("");
	width:0px;
	height:0px;
	cursor:pointer;
	padding:0.6em 1em;
	background-repeat: no-repeat;
	vertical-align:middle;
	color: rgba(0, 0, 0, 0);
}

img.delbtn {
	display: inline-block;
	float:left;
	background: url("");
	width:0px;
	height:0px;
	cursor:pointer;
	padding:0.45em;
	background-repeat: no-repeat;
	vertical-align:middle;
	color: rgba(0, 0, 0, 0);
}

@keyframes scale {
  50% {
    opacity: 0.5;
    transform:scale(1.1) rotate(2deg);
  }
}
